<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>hello, <span th:text="${name}">标签体</span></h1>
    <h1>hello, <span th:utext="${name}">标签体</span></h1>

    <div th:text="${HTMLCode}">标签体</div>
    <div th:utext="${HTMLCode}">标签体</div>

    <p>没有使用动态属性替换前的链接：<a href="https://www.baid.com">百度一下</a></p>
    <p>使用动态属性替换后的链接：<a th:href="${websiteURL}" th:text="${websiteName}" href="https://www.baid.com">百度一下</a></p>

    <p>没有使用动态属性替换前的链接：<a href="https://www.baid.com" style="color: pink">百度一下</a></p>
    <p><a th:href="${websiteURL}" th:text="${websiteName}" th:style="${style}" href="https://www.baid.com" style="color: pink">百度一下</a></p>
    <p><a th:attr="href=${websiteURL},style=${style}" href="https://www.baid.com" style="color: pink">百度一下</a></p>

    <img th:if="${isCat}" src="/cat1.png" alt="粉色猫咪的照片"/>
    <img th:if="${isCat}" th:src="${imgLocation}" alt="粉色猫咪的照片"/>
    <img th:if="${isCat}" th:src="@{${imgLocation}}" alt="粉色猫咪的照片"/>
</body>
</html>